<ui:composition
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:easy="http://easy.widgets.com"
    template="/basic.xhtml">


<ui:define  name="body">
    <a4j:keepAlive beanName="clienteManagedBean" />
    <a4j:form id="form">

      
        <rich:simpleTogglePanel switchType="client" label="#{rotulo['cadastro_clientes']}" id="dadosBasicos">

            <a4j:region  >
                <easy:inputCamposPessoaFisica cliente="#{clienteManagedBean.cliente}"
                sexo="#{clienteManagedBean.sexo}" estadoCivil="#{clienteManagedBean.estadoCivil}"/>
            </a4j:region>

           

        </rich:simpleTogglePanel>

        <rich:simpleTogglePanel switchType="client" label="#{rotulo['lista_telefones']}"
        id="listaTelefone" opened="false" >

            <h:panelGrid columns="2" >

                <easy:inputCamposTelefone
                telefoneInformado="#{clienteManagedBean.telefoneInformado}"
                tiposDeTelefone="#{clienteManagedBean.tiposDeTelefone}"/>

                <a4j:commandButton value="#{rotulo['adicionar']}"
                action="#{clienteManagedBean.adicionarTelefoneNaLista}"
                reRender="listaTelefone,form" />
            </h:panelGrid>
            <a4j:region >
                <easy:dataTableTelefone
                telefoneInformado="#{clienteManagedBean.telefoneInformado}"
                listaTelefone="#{clienteManagedBean.cliente.pessoa.listaTelefone}"
                editar="#{clienteManagedBean.editar}" reRender="listaTelefone"
                excluir="#{clienteManagedBean.excluirTelefone}" />
            </a4j:region>

        </rich:simpleTogglePanel>


        <rich:simpleTogglePanel switchType="client" label="#{rotulo['lista_emails']}" id="listaEmail"
                opened="false" >
            <h:panelGrid columns="3">
               <h:outputText value="#{rotulo['email']}"/>
                <h:inputText value="#{clienteManagedBean.emailInformado.email}" style=" width : 170px;"/>

                 <a4j:commandButton value="#{rotulo['adicionar']}" action="#{clienteManagedBean.adicionarEmailNaLista}" reRender="listaEmail,form" rendered="#{clienteManagedBean.renderedBotaoAdicionar}"/>
                 <a4j:commandButton value="#{rotulo['salvar']}" action="#{clienteManagedBean.adicionarEmailNaLista}" reRender="listaEmail,form" rendered="#{clienteManagedBean.renderedBotaoSalvar}"/>
            </h:panelGrid>
             <h:panelGroup>
                <rich:dataTable value="#{clienteManagedBean.cliente.pessoa.listaEmail}" rows="10" var="email"
                    rendered="#{clienteManagedBean.renderedListaEmailCliente}"
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'" id="listarEmail"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
                            <f:facet name="header">
                                    <rich:columnGroup>
                                        <rich:column>
                                            #{rotulo['email']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['editar']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['excluir']}
                                        </rich:column>
                                    </rich:columnGroup>
                            </f:facet>
                    <rich:column>
                       <h:outputText value="#{email.email}"/>
                    </rich:column>

                     <rich:column>

                       <div align="center"><h:commandLink action="#{clienteManagedBean.editar}" reRender="listaEmail" value="Editar">
                            <f:setPropertyActionListener value="#{email}" target="#{clienteManagedBean.emailInformado}"/>
                       </h:commandLink> </div>
                     </rich:column>

                      <rich:column>
                        <div align="center"><h:commandLink action="#{clienteManagedBean.excluirEmail}" reRender="listaEmail" value="Excluir">
                            <f:setPropertyActionListener value="#{email}" target="#{clienteManagedBean.emailInformado}"/>
                        </h:commandLink> </div>
                     </rich:column>

                </rich:dataTable>
         </h:panelGroup>
        </rich:simpleTogglePanel>

        <rich:simpleTogglePanel switchType="client" label="#{rotulo['lista_sites']}" id="listaSite"
         opened="false" >
            <h:panelGrid columns="3">
               <h:outputText value="#{rotulo['url']}"/>
                <h:inputText value="#{clienteManagedBean.siteInformado.url}" style=" width : 170px;"/>
                 <a4j:commandButton value="#{rotulo['adicionar']}" action="#{clienteManagedBean.adicionarSiteNaLista}" reRender="listaSite,form" rendered="#{clienteManagedBean.renderedBotaoAdicionar}"/>
                 <a4j:commandButton value="#{rotulo['salvar']}" action="#{clienteManagedBean.adicionarSiteNaLista}" reRender="listaSite,form" rendered="#{clienteManagedBean.renderedBotaoSalvar}"/>
            </h:panelGrid>
             <h:panelGroup>
                <rich:dataTable value="#{clienteManagedBean.cliente.pessoa.listaSite}" rows="10" var="site" rendered="#{clienteManagedBean.renderedListaSiteCliente}"
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'" id="listarSite"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
                            <f:facet name="header">
                                    <rich:columnGroup>
                                        <rich:column>
                                            #{rotulo['site']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['editar']}
                                        </rich:column>
                                         <rich:column>
                                            #{rotulo['excluir']}
                                        </rich:column>
                                    </rich:columnGroup>
                            </f:facet>
                    <rich:column>
                        <h:outputText value="#{site.url}"/>
                    </rich:column>

                     <rich:column>

                     <div align="center"> <h:commandLink action="#{clienteManagedBean.editar}" reRender="listaSite" value="Editar">

                            <f:setPropertyActionListener value="#{site}" target="#{clienteManagedBean.siteInformado}"/>
                        </h:commandLink> </div>
                     </rich:column>
                     <rich:column>
                       <div align="cm,
                       enter">  <h:commandLink action="#{clienteManagedBean.excluirSite}" reRender="listaSite" value="Excluir">

                            <f:setPropertyActionListener value="#{site}" target="#{clienteManagedBean.siteInformado}"/>
                       </h:commandLink> </div>

                     </rich:column>

                </rich:dataTable>

         </h:panelGroup>
        </rich:simpleTogglePanel>

       
    </a4j:form>
</ui:define>

</ui:composition>
